/* 
Generic style.
*/

body {
	background-color:white;
	font-family:Calibri, Arial, sans-serif;
	font-size:1em;
}

a { color:deepPink; font-weight:bold; text-decoration:none; }
a:hover { color:#8b0a50 }

hr.divider { margin:20px 0; }

.plain-menu li a {
	padding:5px;
	border:1px solid lightGray;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.14, rgb(255,255,255)),
		color-stop(0.5, rgb(250,250,250))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgb(255,255,255) 14%,
		rgb(250,250,250) 50%
	);
}

div.portlet-content { padding:0; }

p.tip { color:gray; font-style:italic; }

.float-container { overflow:hidden; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.clear { height:0; }

.bold { font-weight:bold; }
.em { font-style:italic; }

/*
Section style.
*/

header {
	text-align:center;
	border-style:none;
	border-bottom:5px solid deepPink;
	color:white;
}

#page { margin:0; border-style:none; }

div.userinfo {
	margin:0 0 10px 0;
	border:1px solid lightGray;
	border-top-style:none;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
}
div.userinfo .top { font-size:1.3em; }
div.userinfo .top .welcome { padding:20px; }
div.userinfo .top .logout { padding:20px; }
div.userinfo hr { margin:0; }
div.userinfo .reservations { padding:10px; }
div.userinfo .reservations p.tip { margin:10px; }
div.userinfo .reservations div.buttons { margin:10px 0 0 0; }

#adminmenu ul { margin:30px 0; padding:0; list-style-type:none; }
#adminmenu ul li { display:inline; margin:0 5px 0 0; }

div.breadcrumbs { margin:30px 0; }

#submenu ul { margin:0 0 30px 0; padding:0; list-style-type:none; }
#submenu ul li { display:inline; margin:0 5px 0 0; }

#content { padding:0; }

footer .copyright {
	padding:30px;
	text-align:center;
	color:gray;
}

#print { width:680px; }

/*
Page specific style.
*/

.login { margin:30px 0 0 0; text-align:center; }

#reservation-grid table.items { margin:0; }
#reservation-grid table.items tr { background-color:white; }
#reservation-grid table.items td { padding:8px; }
#reservation-grid table.items tr.even td { background-color:#f3f3f3; }
#reservation-grid table.items tr.odd td { background-color:transparent; }
#reservation-grid table.items .cancel-column { width:180px; text-align:right; }

.catalog .account-number { margin:30px 0; font-size:24px; }
.catalog .product-view {
	margin:10px 0 0 0;
	border:1px solid lightGray;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.14, rgb(255,255,255)),
		color-stop(0.5, rgb(250,250,250))
	);
	background-image: -moz-linear-gradient(
	center top,
	rgb(255,255,255) 14%,
	rgb(250,250,250) 50%
	);
}
.catalog .product-view.reserved { opacity:0.5; }
.catalog .product-view .left-column {
	width:180px;
	height:180px;
	margin:10px;
	background-color:#f0f0f0;
	border:1px solid lightGray;
}
.catalog .product-view .right-column { width:726px; padding:10px; }
.catalog .product-view .right-column .name a { font-weight:normal; }
.catalog .product-view .right-column .details { margin:0 0 10px 0; font-size:0.9em; }
.catalog .product-view .right-column hr { margin:20px 0; }
.catalog .product-view .right-column .price { margin:0; }
.catalog .product-view .right-column .reserved { margin:0; }
.catalog .product-view .quick-reservation { margin:10px 0 0 0; }
.catalog .product-view .quick-reservation .quantity { margin:5px 10px; }

.product-page .create-reservation {
	margin:30px 0 0 0;
	padding:20px;
	border:1px solid lightGray;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.product-page .name { margin:30px 0; }
.product-page .left-column {
	width:320px;
	height:320px;
	background-color:#f0f0f0;
	border:1px solid lightGray;
}
.product-page .right-column { width:600px; }
.product-page .right-column .price { margin:0 0 10px 0; }
.product-page .right-column .reserved { margin:0 0 10px 0; }

.print-reservations .product-view .left-column { width:420px; }
.print-reservations .product-view .left-column .details { font-size:0.9em; }
.print-reservations .product-view .right-column { width:240px; height:240px; margin:0 0 0 20px; }
.print-reservations .controls { margin:30px 0 0 0; }

/*
Form style.
*/

div.form .row { margin:10px 0; }
div.form label { margin:0 0 5px 0; }
div.form input { margin:0; outline:none !important; }
div.form input[type=text],
div.form input[type=password],
div.form textarea {
	padding:3px;
	border:1px solid lightGray;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.14, rgb(255,255,255)),
		color-stop(0.5, rgb(250,250,250))
	);
	background-image: -moz-linear-gradient(
	center top,
	rgb(255,255,255) 14%,
	rgb(250,250,250) 50%
	);
}
div.form select { min-width:160px; }
div.form .inline { display:inline; }
div.form input.number-field { width:40px; }
div.form .errorMessage { margin:5px 0; }

/*
Yii style.
*/

div.grid-view table.items th {
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.19, rgb(255,20,145)),
	    color-stop(0.5, rgb(209,4,117))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(255,20,145) 19%,
	    rgb(209,4,117) 50%
	);
}
.grid-view table.items tr.even td { background:white; }
.grid-view table.items tr.odd td { background:#ffe6f4; }
.grid-view table.items tr:hover td { background:#ffd3eb; }
.grid-view table.items tr.selected td { background:#ffb5dd; }

/*
Query UI style.
*/

.ui-helper-hidden-accessible { clip:auto !important; }
.ui-button span { color:white; }
.ui-button.ui-state-hover span { color:white; }
.ui-button.ui-state-active span { color:#222222; }

/*
Print style.
*/

@media print {

	.no-print { display:none; }

}